<template>
	<div style="margin: 30px;">
		
		<van-row gutter="20">
		  <van-col span="4"><router-link to="/mall">首页</router-link></van-col>
		  <van-col span="8"><router-link to="/register">新人指南</router-link></van-col>
		  <van-col span="4"><router-link to="/register">好物</router-link></van-col>
		  <van-col span="3">
			  <div style="">
				  
				  <van-icon name="cart-o" />
			  </div>
			 
		  </van-col>
		  <van-col span="3">
			  <van-icon name="search" />
		  </van-col>
		</van-row>
		<div style="margin: 30px;">
			<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
			  <van-swipe-item>1</van-swipe-item>
			  <van-swipe-item>2</van-swipe-item>
			  <van-swipe-item>3</van-swipe-item>
			  <van-swipe-item>4</van-swipe-item>
			</van-swipe>
		</div>
		<div style="margin: 1.25rem;">
			
			<van-row justify="space-around">
			 
			  <van-col span="6"><router-link to="/znsb">智能装备</router-link></van-col>
			  <van-col span="6"><router-link to="/register">健康食品</router-link></van-col> 
			  <van-col span="6"><router-link to="/register">女子服饰</router-link></van-col>
			  <van-col span="6"><router-link to="/register">男子服饰</router-link></van-col>
			</van-row>
			<div style="margin: 20px;">
				<van-row justify="space-around">
			  <van-col span="6"><router-link to="/register">室内健身</router-link></van-col>
			  <van-col span="6"><router-link to="/register">垫上运动</router-link></van-col>
			  <van-col span="6"><router-link to="/register">户外跑步</router-link></van-col>
			  <van-col span="6"><router-link to="/register">运动护具</router-link></van-col>
			</van-row>			  
			</div>
			
		</div>
	</div>
</template>

<script>
	import { ref } from 'vue';
	
	export default {
	  setup() {
	  },
	  }
	
</script>

<style>
	  .my-swipe .van-swipe-item {
	    color: #fff;
	    font-size: 20px;
	    line-height: 150px;
	    text-align: center;
	    background-color: #39a9ed;
	  }
</style>
